const path = require('path')
function resolve(dir) {
    return path.join(__dirname, dir);
}
module.exports = {
    //基本路径
    publicPath: "./",
    //构建时输出的目录
    outputDir: "dist",
    //放置静态文件
    //assetsDir:"assets",

    devServer: {
        host: 'localhost',
        port: 8081,
        //proxy:{'/api':{}},代理器中设置/api,项目中请求路径为/api的替换是target
        proxy: {
            '/api': {
                target: 'localhost:8080',//代理地址，这里设置的地址会代替axios中设置的baseURL
                changeOrigin: true,// 如果接口跨域，需要进行这个参数配置
                //ws: true, // proxy websockets
                //pathRewrite方法重写url
                pathRewrite: {
                    '^/api': '/'
                    //pathRewrite: {'^/api': '/'} 重写之后url为 http:///xxxx
                    //pathRewrite: {'^/api': '/api'} 重写之后url为 http:///api/xxxx
                }
            }
        }

    },
    configureWebpack() {
        return {
            resolve: {
                alias: {
                    '@': resolve('src'),
                }
            }
    }
},
    css:{
        //是否使用css分离插件 RxtraTextPlug
        extract:true,
        //开启 CSS source map
        sourceMap:false,
        loaderOptions:{
            scss: {
                prependData: `@import "@/styles/main.scss";`
            },
        }
    },
    // chainWebpack(config) {
    //     // set svg-sprite-loader
    //     config.module
    //         .rule('svg')
    //         .exclude.add(resolve('src/icons'))
    //         .end()
    //     config.module
    //         .rule('icons')
    //         .test(/\.svg$/)
    //         .include.add(resolve('src/icons'))
    //         .end()
    //         .use('svg-sprite-loader')
    //         .loader('svg-sprite-loader')
    //         .options({
    //             symbolId: 'icon-[name]'
    //         })
    //         .end()
    // }

}